<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>考试系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="./css/util.css">
    <link rel="stylesheet" type="text/css" href="./css/main.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="img/favicon.png">
</head>

<body>
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <div class="login100-pic js-tilt" data-tilt=""
                    style="will-change: transform; transform: perspective(300px) rotateX(0deg) rotateY(0deg);"><img
                        src="./img/img-1.png" alt="IMG"></div>
                <form class="login100-form validate-form"><span class="login100-form-title"> 用户登录</span>
                    <div class="wrap-input100 validate-input" data-validate="Id is required"><input class="input100"
                            type="text" name="id"><span class="focus-input100"></span><span
                            class="symbol-input100"><i class="fa fa-user-o" aria-hidden="true"></i></span></div>
                    <div class="wrap-input100 validate-input" data-validate="Password is required"><input
                            class="input100" type="password" name="pass"><span class="focus-input100"></span><span
                            class="symbol-input100"><i class="fa fa-lock" aria-hidden="true"></i></span></div>
                    <div class="container-login100-form-btn"><button class="login100-form-btn"><a href="common_index.html" style="color: white;">登录</a></button></div>
                    <div class="text-center p-t-12"><span class="txt1">忘记</span><a class="txt2" href="#">用户名 / 密码?</a>
                    </div>
                    <div class="text-center p-t-136"><a class="txt2" href="#">创建你的账户 <i
                                class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i></a></div>
                </form>
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/popper.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/tilt.jquery.min.js"></script>
    <script>
        $('.js-tilt').tilt({
            scale: 1.1
        })
    </script>
</body>

</html>